import React, {useState} from 'react'

export default function FnCount() {
    // useState是一个函数，只有一个参数，就是对应变量的初始值
    // 返回值有两个 一个是变量，一个是修改变量的函数
    const [count, setCount] = useState(0)
    const [lunch, setLunch] = useState('rice')
    const [person, setPerson] = useState({name: 'Tom', age: 18})
    // const aaa = useState('shenzhen') 
    // console.log(aaa);
    // aaa的值以及数据类型完全由登号右边的useState决定，所以useState返回了一个数组

    let minCount = ()=> {
        // 这里是计算的过程
        let num = 10086
        setCount(num)
    }
    let changeName = ()=>{
        setPerson({name: 'Jlc', age: 18})
    }
    return (
        <div>
            <p>按钮上显示点击该按钮的次-fn</p>
            <button onClick={() => setCount(count + 1)}>{count}</button>
            <button onClick={() => minCount()}>减少10次</button>
            <p>{lunch}</p>
            <button onClick={()=>setLunch('watermelon')}>吃瓜</button>
            <p>{person.age}----{person.name}</p>
            <button onClick={()=>changeName()}>改名为：jlc</button>
        </div>
    )
}
